<!Doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="../css/manage.css"/>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/jquery.dataTables.css"/>
<script type="text/javascript" src="../js/jquery.min.js"></script>  
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/getsession.js"></script>
<script type="text/javascript" src="../js/logout.js"></script>
<script type="text/javascript" src="../js/managefunc.js"></script>
<script type="text/javascript" src="../js/fileupload.js"></script>
<script type="text/javascript" src="../js/managekeypress.js"></script>
<script type="text/javascript" src="../js/laydate/laydate.js"></script>
<script type="text/javascript" src="../js/manageJquery.js"></script>

<title>公司交流平台</title>
</head>
<body onload="time()">
	<div class="wrapper">
		<div class="header">
			<div class="header-logo"><img src="../image/01-login-logo.png" alt="公司logo"/></div>
			<div class="header-content">
				<ul>
					<li id="hellouser">用户，您好！</li>
					<li id="roleuser"><img src="../image/02-top-account.png" />系统管理员</li>
					<li id="setUp" onclick="changeInfo()"><img src="../image/02-top-set.png" />设置</li>
					<li id="logoutuser"><a id="logoutid"href="logout"><img src="../image/02-top-loginout.png" />退出</a></li>
				</ul>
				<div style="clear:both;"></div>	
			</div>	
			<div style="clear:both;"></div>		
		</div>
		<div class="content">
			<div class="left-content" id="left-side">
				
					<div id="menu-talk1head" class="divclass"><div class="img"id="menu-talk1"></div><span class="spancss">有话要说</span></div>   
					<div id="menu-office1head" class="divclass"><div class="img"id="menu-office1"></div><span class="spancss">办公报修</span></div>   
					<div id="complainthead" class="divclass"><div class="img"id="complaint"></div><span class="spancss">投诉平台</span></div>    
					<div id="user-manage" style="display:block" class="divclass"><div class="img"id="menu-userManage"></div><span class="spancss">用户管理</span></div>   
								
			</div>
			
			<div class="side" id="sideBar" onclick="sideBar()">
				<img src="../image/01-side.png" style="width:10px;height:40px;position:absolute;top:50%;">
			</div>
			<div class="right">
				<div class="right-content">
					<div class="right-top"><img src="../image/02-menu-currentPosition.png" /><span id="right-top">当前位置：有话要说</span></div>
					<div class="right-top-right"><img src="../image/02-menu-currentTime.png" /><span id="right-top-right"></span></div>	
				</div>
				<!-- 用户管理模块 -->		
				<div class="right-center" id="right-center" style="display:none;">
					<div class="key-content">
						<div class="yhgl-query-top">
								关键词查询：<input type="text" class="query" id="yhglvalue"/>
								<span id="yhglquery" onclick="yhglcx()"><img src="../image/02-operation-find.png" />查询</span>
								<span id="clear" onclick="yhglclear()"><img src="../image/02-query-clear.png" />清空</span>
								<div id="query-top-right">
									<span id="add-sigle-user" onclick="addUser()"><img src="../image/05-operation-addNew.png" />新增用户</span>
									<span class="query-top-add" id="btn"><img src="../image/05-operation-addNew.png" />批量导入</span>
									<div class="mask" id="mask"></div>
									<!-- 新增用户弹窗 -->
									<div class="login" id="login" style="display:none;">
										<div class="title" id="title">新增用户
											<img src="../image/02-query-clear.png" class="yhgl-tc" onclick="yhgltc()" />
										</div>
										<div id="wjsc">
											<form name="form1" id="form1"> 
												<input type="file" name="picpath" id="picpath" style="display:none;"onChange="document.form1.path.value=this.value"> 
												文件名称：<input name="path" class="wjsc" id="wjscsrk" readonly>
												<img src="../image/05-operation-fileLoad.png" class="wjsctp" id="wjsctp" onclick="aa()"/>
											</form>
										</div>
										<div class="wjscts" >								
											<table height="100%" width="100%">
												<tr><td width="30%"><span id="span4">温馨提示：</span></td><td  width="75%"><span id="span1">1.请正确的填写用户的用户名(域</span></td></tr>
												<tr><td width="30%"></td><td  width="75%"><span id="span2">账号)，密码，科室，真实姓名</span></td></tr>
												<tr><td width="30%"></td><td  width="75%"><span id="span2">2.上传文件的统一格式为.xml</span></td></tr>
												<tr><td width="30%"></td><td  width="75%"><span id="span3">3.最新上传证书说明将覆盖旧版证书说明</span></td></tr>
											</table>											
										</div>
										<div class="wjsctail">
											<span id="uploadfile"class="wjsctail-xz" style="background-color:#87cefa;cursor:pointer;">新增</span>
											<span class="wjsctail-qx" onclick="wjscqx()">取消</span>
										</div>
									</div>
									<span id="query-top-delete" onclick="yhglplsc()"><img src="../image/05-operation-delete.png" />删除用户</span>
						       </div>
						</div>
					</div>					
					<div class="query-top-center">
							   <table width="100%" style="text-align:center" border="0" id = 'table'>
		   							<thead>
		   							<tr bgcolor="#d8e8ff" style="height:36px">
									     <td width="10%"><input type="checkbox" onclick="ckAll()" id="allChecks" /></td>
									      <td width="5%">序号</td>
									     <td width="20%">用户名</td>
									     <td width="15%">角色</td>
									     <td width="20%">科室</td>
									     <td width="20%">真实姓名</td>
									     <td width="10%">操作</td>
		   							</tr>
									</thead>
									<tbody id="tablefy">
									</tbody>
		   							</table>
					</div>
					<div class="query-top-tail">
					<div class="query-top-tail-yhgl">
					  <ul class="ulym">
					    
						<li><span class="spanx" id="spanx" onclick="xyy()" onmouseover="movexyy()" onmouseout="outxyy()">下一页</span></li>
						<li><div id="div"></div></li>
						<li><span class="spans" id="spans" onclick="syy()" onmouseover="movesyy()" onmouseout="outsyy()">上一页</span></li>
						<li><span class="ulymspan" id="ulymspan" style="margin-right:755px;"></span></li>
					  </ul>
					</div>
					</div>			
				</div>
				<!-- 投诉模块,第一次加载页面为隐藏 -->
				<div class="right-center-ts" id="right-center-ts" style="display:none;">
					<div class="key-content">
						<div class="query-top">
								关键词查询：<input type="text" class="query" id="tsvalue"/>
								<span id="tsquery" onclick="tsquery()"><img src="../image/02-operation-find.png" />查询</span>
								<span id="tsclear" onclick="tsclear()"><img src="../image/02-query-clear.png" />清空</span>
							<div class="query-top-right">
									<span class="yhys-add" onclick="tsTopic()" style="background-color:#87cefa;"><img src="../image/05-operation-addNew.png" />新增话题</span>								
									<div class="yhysmask"></div>															       
						    </div>
						     <!-- 时间选择框 -->
						     <div class="form-group">                                      
                                        <div class="col-sm-10" style="font-size:14px;margin-top:8px;">
                                           	时间选择：
                                           	<input placeholder="开始日期" class="form-control layer-date" id="start2" />
                                            <input placeholder="结束日期" class="form-control layer-date" id="end2" />
                                        </div>
                               </div>
						</div>
					</div>					
					<div class="query-top-center">
						<table id="ts" class="display">
	                 		  <thead>
	                  			<tr>
	                      		  <th  style="text-align:center;">
	                          			<label class="position-relative">
	                              			<input type="checkbox"/>	                             		 	
	                          			</label>
	                      			</th>
				                     <th>序号</th>
				                     <th>时间</th>
				                     <th>内容</th>
				                     <th>状态</th>
				                     <th>操作</th>
				                     <th></th>
				                     <th></th>
				                     <th></th>			                     
	                 			</tr>
	                 		</thead> 
	                 		<tbody></tbody>
             			</table>             			             			             	             			          					
					</div>
				</div>
				<!-- 有话要说模块，设为 默认加载模块-->
				<div class="right-center-yhys" id="right-center-yhys" style="display:block;">
					<div class="key-content">
						<div class="query-top">
								关键词查询：<input type="text" class="query" id="yhysvalue"/>
								<span id="yhysquery" onclick="yhysquery()"><img src="../image/02-operation-find.png" />查询</span>
								<span id="yhysclear" onclick="yhysclear()"><img src="../image/02-query-clear.png" />清空</span>
								<div class="query-top-right">
									<span class="yhys-add" onclick="yhysTopic()" style="background-color:#87cefa;"><img src="../image/05-operation-addNew.png" />新增话题</span>								
									<div class="yhysmask"></div>															       
						       </div>
						        <!-- 时间选择框 -->
						       <div class="form-group">                                      
                                        <div class="col-sm-10" style="font-size:14px;margin-top:8px;">
                                           	时间选择：
                                           	<input placeholder="开始日期" class="form-control layer-date" id="start1" />
                                            <input placeholder="结束日期" class="form-control layer-date" id="end1" />
                                        </div>
                                </div>
						</div>
					</div>	
				<div class="query-top-center">																					
						<table id="tb" class="display">
	                 		 <thead>
	                  			<tr>
	                      		  <th style="text-align:center;">
	                          			<label class="position-relative">
	                              				<input type="checkbox" />	 
	                             		 	<span class="lbl"></span>
	                          			</label>
	                      			</th>
				                    <th>序号</th>
				                     <th>时间</th>
				                     <th>内容</th>
				                     <th>状态</th>
				                     <th>操作</th>
				                     <th></th>
				                     <th></th>
				                     <th></th>		                     
	                 			</tr>
	                 		</thead> 
	                 		<tbody></tbody>
             			</table>             			             			             	             			          					
					</div>
				</div>
				<!--办公报修模块 -->
				<div class="right-center-bg" id="right-center-bg">
					<div class="key-content">
						<div class="query-top">
								关键词查询：<input type="text" class="query" id="bgvalue"/>
								<span id="bgquery" onclick="bgquery()"><img src="../image/02-operation-find.png" />查询</span>
								<span id="bgclear" onclick="bgclear()"><img src="../image/02-query-clear.png" />清空</span>
								<div class="query-top-right">
									<span class="yhys-add" onclick="bgTopic()" style="background-color:#87cefa;"><img src="../image/05-operation-addNew.png" />新增话题</span>								
									<div class="yhysmask"></div>															       
						       </div>
						        <!-- 时间选择框 -->
						       <div class="form-group">                                      
                                        <div class="col-sm-10" style="font-size:14px;margin-top:8px;">
                                           	时间选择：
                                           	<input placeholder="开始日期" class="form-control layer-date" id="start" />
                                            <input placeholder="结束日期" class="form-control layer-date" id="end" />
                                        </div>
                                </div>
						</div>
					</div>
					<div class="query-top-center">
						<table id="office" class="display">
	                 		  <thead>
	                  			<tr>
	                      		  <th  style="text-align:center;">
	                          			<label class="position-relative">
	                              			<input type="checkbox"/>	 
	                             		 	<span class="lbl"></span>
	                          			</label>
	                      			</th>
				                   	 <th>序号</th>
				                     <th>时间</th>
				                     <th>内容</th>
				                     <th>状态</th>
				                     <th>操作</th>
				                     <th></th>
				                     <th></th>
				                     <th></th>		                     
	                 			</tr>
	                 		</thead> 
	                 		<tbody></tbody>
             			</table>             			             			             	             			          					
					</div>														  
				</div>
				<div class="footer">
					<pre>版权所有  @LZHH  2018  江西航天即鄱湖云科技有限公司</pre>
				</div>					
			</div>		
		</div>
	</div>
	<!--查看详情模态框  -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content" style="width:80%;margin:0 auto;">
			<div class="modal-header" id="yhysdetails" style="background-color:#33a6e5;color:#fff;padding:6px;">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="font-size:29px;opacity:1;color:#fff">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel" >
					查看详情
				</h4>
			</div>
			<!-- 详情内容 -->
			<div class="modal-body" id="modal-details">
				<div class="m_username"></div>
				<div class="m_time"></div>
				<div class="m_content"></div>				
				<div class="m_replies" Style="border:1px solid #ccc;background-color:#d8d9ff"></div>				
			</div>			
			<div class="modal-footer" style="text-align:center;">
				<button type="button" class="btn btn-default" data-dismiss="modal"
				 style="background-color:#33a6e5;color:#fff">返回
				</button>				
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
	</div>			
	<!-- 新增话题模态框 -->
	<div class="modal fade" id="addTopic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content" style="width:60%;margin:0 auto;">
				<div class="modal-header" id="yhysht" style="background-color:#33a6e5;color:#fff;padding:6px;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="font-size:29px;opacity:1;color:#fff">
						&times;
					</button>
					<h4 class="modal-title" >
						新建话题
					</h4>
				</div>
				<div class="modal-body">
					话题内容：
					<textarea  id="new_content" style="overflow:auto;width:100%;margin:0 auto;padding:5px 60px 40px 5px;border:1px solid #33b7b8"></textarea>				
					<div class="real-none" style="margin-top:10px;margin-left:70px;">
						匿名：<img src="../image/02-newWindow-realName.png" style="margin-right:20px;" id="noneName"/>
						实名：<img src="../image/02-newWindow-noneName.png" id="getRealName"/>				
					</div>
				</div>
				<div class="modal-footer" style="text-align:center;">					
					<button type="button" class="btn btn-primary" id="newbuild">
						新建
					</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	
	<!-- 回复功能模态框 -->
	<div class="modal fade" id="MyReplies" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content" style="width:60%;margin:0 auto;">
				<div class="modal-header" id="yhysreplies" style="background-color:#33a6e5;color:#fff;padding:6px;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="font-size:29px;opacity:1;color:#fff">
						&times;
					</button>
					<h4 class="modal-title">
						回复话题
					</h4>
				</div>
				<div class="modal-body">		
					<div>回复内容：
					<textarea  id="m_replies" style="overflow:auto;width:100%;margin:0 auto;padding:5px 60px 40px 5px;border:1px solid #33b7b8"></textarea>					
					</div>					
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" id="clear_replies">清除
					</button>
					<button type="button" class="btn btn-primary" id="confirm_replies">
						确认回复
					</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 修改信息模态框 -->
	<div class="modal fade" id="changeInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="width:60%;margin:0 auto;">
            <div class="modal-header" style="background-color:#33a6e5;color:#fff;padding:10px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true" style="font-size:29px;opacity:1;color:#fff">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">修改个人信息</h4>
            </div>
            <div class="modal-body">
            	<div class="form-group">
                    <input type="text"  readonly="readonly" class="form-control" id="username" placeholder="用户名">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="name" placeholder="真实姓名">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="password" placeholder="密码">
                </div>                               
                <div class="form-group">
                    <input type="text" class="form-control" id="department" placeholder="部门">
                </div>
                <div class="form-group">
                    <input type="text"  readonly="readonly" class="form-control" id="role" placeholder="角色">
                </div>
            </div>
            <div class="modal-footer">                
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="save">保存</button>
            </div>
        </div>
    </div>
	</div>
	<!-- 新增单个用户模态框 -->
	<div class="modal fade" id="addUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="width:60%;margin:0 auto;">
            <div class="modal-header" style="background-color:#33a6e5;color:#fff;padding:10px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true" style="font-size:29px;opacity:1;color:#fff">&times;</span></button>
                <h4 class="modal-title">修改个人信息</h4>
            </div>
            <div class="modal-body">
            	<div class="form-group">
                    	用户名:<input type="text"  class="form-control" id="addusername" placeholder="用户名">
                </div>
                <div class="form-group">
                    	真实姓名:<input type="text" class="form-control" id="addname" placeholder="真实姓名">
                </div>
                <div class="form-group">
                    	密码：<input type="password" class="form-control" id="addpassword" placeholder="密码">
                </div>                               
                <div class="form-group">
                    	部门：<input type="text" class="form-control" id="adddepartment" placeholder="部门">
                </div>
                <div class="form-group">
                    	角色：<input type="text" class="form-control" id="addrole" placeholder="角色">
                </div>
            </div>
            <div class="modal-footer" style="text-align:center;">                
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="add-confirm" style="margin-left:10px;">确定</button>
            </div>
        </div>
    </div>
	</div>
	<!-- 确认删除用户模态框 -->
	<div class="modal fade" id="confirmDelete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content" style="width:50%;margin:30% auto;height:12em;">
				<div class="modal-header" style="background-color:#33a6e5;color:#fff;padding:6px;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="font-size:29px;opacity:1;color:#fff">
						&times;
					</button>
					<h4 class="modal-title">
						确认删除该用户？
					</h4>
				</div>				
				<div class="modal-footer" style="text-align:center;padding:5em;">									
					<button type="button" class="btn btn-primary" id="confirm" style="margin-right:2em">
						确认
					</button>
					<button type="button" class="btn btn-default" data-dismiss="modal"
					 style="background-color:#33a6e5;color:#fff">取消
					</button>	
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
</body>
<script type="text/javascript" src="../js/manage.js"></script>
<script type="text/javascript" src="../js/jquery.dataTables.js"></script>          
<script type="text/javascript"> 
    //加载并配置表格。使用jquery.dataTables.js插件
    //有话要说模块
       $(document).ready(function() { 
        	tableReload("#tb",1);
                        
     });        
	 $(document).on('click', 'th input:checkbox', function() { 
        	          var that = this;
        	          $(this).closest('table').find('tr > td:first-child input:checkbox')
        	              .each(function() {
        	                  this.checked = that.checked;
        	                  $(this).closest('tr').toggleClass('selected');
        	              }); 
	 });
	 
	 //日期范围限制
     var start = {
         elem: '#start',
         format: 'YYYY-MM-DD hh:mm:ss',
         min: '2016-06-16 23:59:59', //设定最小日期为当前日期
         max: '2099-06-16 23:59:59', //最大日期
         istime: true,
         istoday: false,
         choose: function (datas) {
             end.min = datas; //开始日选好后，重置结束日的最小日期
             end.start = datas //将结束日的初始值设定为开始日
         }
     };
     var end = {
         elem: '#end',
         format: 'YYYY-MM-DD hh:mm:ss',
         min: '2016-06-16 23:59:59',
         max: '2099-06-16 23:59:59',
         istime: true,
         istoday: false,
         choose: function (datas) {
             start.max = datas; //结束日选好后，重置开始日的最大日期
         }
     };
     var start1 = {
             elem: '#start1',
             format: 'YYYY-MM-DD hh:mm:ss',
             min: '2016-06-16 23:59:59', //设定最小日期为当前日期
             max: '2099-06-16 23:59:59', //最大日期
             istime: true,
             istoday: false,
             choose: function (datas) {
                 end.min = datas; //开始日选好后，重置结束日的最小日期
                 end.start = datas //将结束日的初始值设定为开始日
             }
         };
         var end1 = {
             elem: '#end1',
             format: 'YYYY-MM-DD hh:mm:ss',
             min: '2016-06-16 23:59:59',
             max: '2099-06-16 23:59:59',
             istime: true,
             istoday: false,
             choose: function (datas) {
                 start.max = datas; //结束日选好后，重置开始日的最大日期
             }
         };
         var start2 = {
                 elem: '#start2',
                 format: 'YYYY-MM-DD hh:mm:ss',
                 min: '2016-06-16 23:59:59', //设定最小日期为当前日期
                 max: '2099-06-16 23:59:59', //最大日期
                 istime: true,
                 istoday: false,
                 choose: function (datas) {
                     end.min = datas; //开始日选好后，重置结束日的最小日期
                     end.start = datas //将结束日的初始值设定为开始日
                 }
             };
             var end2 = {
                 elem: '#end2',
                 format: 'YYYY-MM-DD hh:mm:ss',
                 min: '2016-06-16 23:59:59',
                 max: '2099-06-16 23:59:59',
                 istime: true,
                 istoday: false,
                 choose: function (datas) {
                     start.max = datas; //结束日选好后，重置开始日的最大日期
                 }
             };
     laydate(start);
     laydate(end);
     laydate(start1);
     laydate(end1);
     laydate(start2);
     laydate(end2);
    </script>
</html>